/**
 * Created by WebStorm.
 * User: MacBook
 * Date: 2020/8/25
 * Time: 10:44 上午
 */


:root {
  --swiper-theme-color : #fbfcfc;
}

.swiper-pagination-bullet {
  width       : 10px;
  height      : 10px;
  magin-right : 8px;
}

/*<li><a href="recruitment.html">招贤纳士</a></li>*/
/*li a[href="recruitment.html"] {*/
/*  display : none;*/
/*}*/

body {
  width          : 100%;
  position       : relative;
  padding-bottom : 300px;
  padding-top    : 100px;
}

.container {
  padding    : 0 20%;
  box-sizing : border-box;
  border-top : 1px solid transparent;
}

nav {
  position   : fixed;
  top        : 0;
  left       : 0;
  padding    : 0 16%;
  width      : 100%;
  min-width  : 1280px;
  box-sizing : border-box;
  height     : 100px;
  background : rgba(246, 247, 251, 0.8);
  z-index    : 999;
}

.nav {
  display         : flex;
  justify-content : space-between;
}

.logo {
  display     : flex;
  align-items : center;
}

.menus {
  display : flex;
  height  : 100%;
  width   : calc(130px * 5);
}

.menus li {
  height      : 100%;
  font-size   : 20px;
  font-family : Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
  font-weight : 400;
  text-align  : left;
  color       : #000000;
  line-height : 100px;
  padding     : 0 25px;
  cursor      : pointer;
  user-select : none;
}

.menus li::after {
  content     : '';
  clear       : both;
  display     : block;
  width       : 3px;
  height      : 3px;
  font-size   : 20px;
  font-family : Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
  font-weight : Normal;
  text-align  : left;
  color       : #000000;
}

.menus li.active {
  color : #e60012 !important;
}

.menus li.active a {
  color : #e60012 !important;
}

.menus li a {
  text-decoration : none;
  color           : #000;
}

/* 轮播图 */
.swiper-container {
  width     : 100%;
  min-width : 1280px;
}

.swiper-slide {
  width : 100%;
  /*height : 930px;*/
}

.swiper-slide img {
  width : 100%;
}

article{padding:0 10%; line-height: 1.5;}
article h3{margin-top: 2rem; font-weight: bold;}
article p{margin:1rem 0;}


footer {
  width      : 100%;
  height     :200px;
  background : #000;
  position   : absolute;
  bottom     : 0;
  padding-top: 100px;
  color:#fff;
  text-align: center;
}

footer::after {
  display     : block;
  content     : '';
  position    : absolute;
  left        : 50%;
  bottom      : 278px;
  width       : 1px;
  height      : 1px;
  border-top  : 40px solid #000000;
  border-left : 40px solid #000000;
  transform   : rotateZ(45deg);
}

footer a{margin-left:1rem; color: green; text-decoration: none}
footer a:hover{color:gold;}